<template>
<<<<<<< HEAD
  <el-pagination v-bind="opts" />
=======
  <el-pagination
    v-bind="options"
    v-model:currentPage="options.currentPage"
    v-model:page-size="options.pageSize"
  />
>>>>>>> a78aede723cec93d33dd9db0bbe27325181bd4b8
  <!-- 打包过后不识别该语法问题 -->
  <!-- v-model:currentPage="options.currentPage"
    v-model:page-size="options.pageSize" -->
</template>

<script setup lang="ts">
type Options = {
  currentPage: number
  pageSize: number
  total: number
  layout?: string
  pageSizes?: number[]
  [key: string]: any
}
interface IProps {
  options: any
}
const props = withDefaults(defineProps<IProps>(), {
<<<<<<< HEAD
  // currentPage: 1,
  // pageSize: 10,
  // total: 100,
  // layout: 'total, sizes, prev, pager, next, jumper',
  // pageSizes: [10, 20, 50],
})
let opts = computed(() => {
  let res = Object.assign(props, {
=======
  options: {
>>>>>>> a78aede723cec93d33dd9db0bbe27325181bd4b8
    currentPage: 1,
    pageSize: 10,
    total: 100,
    layout: 'total, sizes, prev, pager, next, jumper',
    pageSizes: [10, 20, 50],
<<<<<<< HEAD
  })
  return res
=======
  },
>>>>>>> a78aede723cec93d33dd9db0bbe27325181bd4b8
})
</script>
